1
00:00:01,543 --> 00:00:01,960
好的。

2
00:00:01,960 --> 00:00:06,756
现在我们要制作我们的场景
三个D井，十层变成3D层。

3
00:00:06,840 --> 00:00:08,383
按照我们想要的方式放置它们。

4
00:00:08,383 --> 00:00:11,052
添加相机并为该 3D 运动设置动画。

5
00:00:11,052 --> 00:00:14,097
现在，就场景而言，
我们想要一个非常简单的相机运动，

6
00:00:14,097 --> 00:00:17,517
我们就要搬家了
径直前往比赛的中心。

7
00:00:17,601 --> 00:00:20,312
我们所有的 UI 元素
将保持静止。

8
00:00:20,312 --> 00:00:23,064
UI 不会有任何移动
元素本身。

9
00:00:23,064 --> 00:00:25,901
但当我们推进并靠近时
到相机，我们会变得很好

10
00:00:25,901 --> 00:00:28,987
视差效应，因为有些会
比其他人更接近我们。

11
00:00:29,154 --> 00:00:30,405
这没有道理。

12
00:00:30,405 --> 00:00:32,282
我们将会看到
到本章结束时。

13
00:00:32,282 --> 00:00:33,075
所以不用担心。

14
00:00:33,075 --> 00:00:35,243
现在我觉得有道理
先做一个相机。

15
00:00:35,243 --> 00:00:38,080
我们有一个如此简单的动作，
所以我认为我们可以将其动画化。

16
00:00:38,080 --> 00:00:40,457
然后当我们调整时
这些列的位置，

17
00:00:40,457 --> 00:00:43,919
我们将能够看到他们在
相机中立即出现最终动画。

18
00:00:44,086 --> 00:00:45,462
好的，让我们创建一个新相机。

19
00:00:45,462 --> 00:00:47,923
我们要分层新相机。

20
00:00:47,923 --> 00:00:49,424
相机一号是一个伟大的名字。

21
00:00:49,424 --> 00:00:50,926
不过，我们将选择一个预设。

22
00:00:50,926 --> 00:00:53,387
我们就选择 50 毫米镜头吧。

23
00:00:53,387 --> 00:00:54,972
这始终是一个好的、安全的选择。

24
00:00:54,972 --> 00:00:58,475
它通常被称为俏皮的 50
只是因为它的用途广泛。

25
00:00:58,600 --> 00:01:01,937
你可以使用5000万镜头
拍摄肖像到风景。

26
00:01:01,937 --> 00:01:05,107
几乎任何事情都有效，
因此，如有疑问，请选择 50。嗯。

27
00:01:05,232 --> 00:01:07,693
它几乎是万能的
尽可能多的镜头。

28
00:01:07,693 --> 00:01:09,987
现在。也不想要任何景深。

29
00:01:09,987 --> 00:01:11,655
我们什么都不想要
焦点内和焦点外。

30
00:01:11,655 --> 00:01:14,408
我们的设计中没有任何模糊的地方，
一切都尖锐。

31
00:01:14,408 --> 00:01:15,826
这就是我们保留它的方式

32
00:01:15,826 --> 00:01:18,579
我们以后可以随时调整
如果我们认为有必要的话。

33
00:01:18,579 --> 00:01:22,041
但尤其是在开始的时候，
我们不想要所有的模糊

34
00:01:22,124 --> 00:01:25,127
减慢我们的速度
因为它需要更长的预览时间。

35
00:01:25,294 --> 00:01:27,838
所以 50 毫米，没有深度场。

36
00:01:27,838 --> 00:01:30,257
这就是我们所需要的，
这么说吧。好的。好的。

37
00:01:30,257 --> 00:01:32,676
我们将确保相机已开启
最后一个堆栈的顶部

38
00:01:32,676 --> 00:01:34,929
我们可以隐藏我们的风格
框架参考也是如此。

39
00:01:34,929 --> 00:01:36,806
我们不需要看到这一点。

40
00:01:36,806 --> 00:01:38,808
现在让我们制作 3D 图层。

41
00:01:38,808 --> 00:01:42,228
所以我认为我们可以做
几乎所有东西都是 3D 图层

42
00:01:42,228 --> 00:01:44,689
除了我们的背景线
在那个背景下。

43
00:01:44,689 --> 00:01:48,192
那么让我们将所有这些都制作成 3D 效果吧
改变我们的看法

44
00:01:48,192 --> 00:01:50,194
从一视图到二视图。

45
00:01:50,194 --> 00:01:53,447
好的，我会腾出一些额外的空间
也为了这些观点

46
00:01:53,531 --> 00:01:54,907
因为我们要做

47
00:01:54,907 --> 00:01:57,535
这里有相当多的数量
接下来的一小会儿。

48
00:01:57,535 --> 00:02:00,037
所以我们需要所有的屏幕空间
我们可以得到。好的。

49
00:02:00,037 --> 00:02:02,290
这一项设置为自定义视图三。
那太棒了。

50
00:02:02,290 --> 00:02:03,416
这就是我们想要的。

51
00:02:03,416 --> 00:02:05,084
所以在左边我们有一个活动相机。

52
00:02:05,084 --> 00:02:07,253
相机一，这就是我们将渲染的。

53
00:02:07,253 --> 00:02:10,548
右边是概述
3D空间中的一切，

54
00:02:10,631 --> 00:02:15,219
目前只有 3D 图层，
它们都在同一个平面上。

55
00:02:15,345 --> 00:02:17,347
现在我们也看不到
背景层，

56
00:02:17,347 --> 00:02:19,057
那是因为它是一个 2D 图层。

57
00:02:19,057 --> 00:02:22,936
即使我们去正面看那里
我们肯定会看到背景

58
00:02:22,936 --> 00:02:26,564
在它后面，它是不可见的
因为这仅显示 3D 图层。

59
00:02:26,773 --> 00:02:29,526
好吧，
让我们回到自定义视图三。

60
00:02:29,526 --> 00:02:31,945
现在让我们为相机设置动画。

61
00:02:31,945 --> 00:02:35,490
现在让我们打开它的位置属性
我们要为其制作动画

62
00:02:35,490 --> 00:02:41,246
Z 位置，
目前为-2,666.7。

63
00:02:41,413 --> 00:02:45,583
我相信这就是多少像素
它离我们的层有多远，

64
00:02:45,583 --> 00:02:50,088
目前有默认值
Z 位置为零。

65
00:02:50,297 --> 00:02:53,633
所以我想我们需要一台相机
比现在稍微晚一点

66
00:02:53,842 --> 00:02:57,053
然后推进并靠近
在我们的动画持续时间内。

67
00:02:57,220 --> 00:03:01,016
现在我们还没有真正决定多久
我们希望这个动画用于合成。

68
00:03:01,099 --> 00:03:04,019
让我们做5秒钟。我认为那行得通。

69
00:03:04,019 --> 00:03:08,190
我将把工作区的尽头
使用快捷方式，让我们缩放

70
00:03:08,190 --> 00:03:09,149
也有一点。

71
00:03:09,149 --> 00:03:11,610
所以它占据了大部分
我们的时间表。好的。

72
00:03:11,610 --> 00:03:14,613
现在让我们设置关键帧
我们的相机位置就在最后。

73
00:03:14,613 --> 00:03:15,489
在此看来。

74
00:03:15,489 --> 00:03:17,532
我们想要
再放大一点。

75
00:03:17,532 --> 00:03:20,327
我们希望整个动画大致
看起来像这种风格的框架。

76
00:03:20,327 --> 00:03:23,330
所以我们会在两件事之间解决这个问题
或者 3 秒，我想。

77
00:03:23,497 --> 00:03:26,792
所以最后5秒时，
让我们再放大一点

78
00:03:26,792 --> 00:03:27,542
我们可以这样做

79
00:03:27,542 --> 00:03:31,213
通过拖动这个数字或者我们可以拖动
相机上的这个控件在这里。

80
00:03:31,338 --> 00:03:33,715
我认为把它拖到这里是有道理的。

81
00:03:33,715 --> 00:03:36,343
当我们这样做时你可以看到，
我们得到一点视差

82
00:03:36,343 --> 00:03:39,221
在其他层之间，
哪些是关键帧

83
00:03:39,221 --> 00:03:41,890
以及之后的影响
图层设计也是如此。

84
00:03:41,890 --> 00:03:43,767
实际上我们想要
那些也都是 3D 的。

85
00:03:43,767 --> 00:03:47,563
所以让我们转动 3D 图层
也关于那些。

86
00:03:47,646 --> 00:03:50,607
当我们这样做时你可以看到
他们在这里弹出这个视图

87
00:03:50,607 --> 00:03:53,569
他们目前也将在 a0z
位置。

88
00:03:53,569 --> 00:03:56,447
好吧，回到我们的相机
让我们看看我们想要什么。

89
00:03:56,447 --> 00:03:57,865
最大变焦为。

90
00:03:57,865 --> 00:04:00,993
我认为 -2200 左右就不错了。

91
00:04:01,243 --> 00:04:02,119
我可能会改变这一点。

92
00:04:02,119 --> 00:04:05,247
所以这是一个很好的整数
然后一开始，

93
00:04:05,414 --> 00:04:07,583
我们要把相机放得更远
回来。

94
00:04:07,583 --> 00:04:10,586
我们走-3300。我们到了。

95
00:04:10,753 --> 00:04:14,340
现在，边缘并不重要
我们的一些 UI 元素被切断。

96
00:04:14,590 --> 00:04:18,010
我们将重新定位它们
无论如何都要画出额外的位。

97
00:04:18,177 --> 00:04:19,553
我会试着想象他们在那里。

98
00:04:19,553 --> 00:04:21,639
好吧，
所以我们有一个慢慢放大的相机。

99
00:04:21,639 --> 00:04:27,103
让我们看看它是什么样子的。

100
00:04:27,186 --> 00:04:27,645
好的。

101
00:04:27,645 --> 00:04:30,147
我认为这很好。
我们走了相当长的距离。

102
00:04:30,147 --> 00:04:32,483
我们肯定会注意到，
但也不过分。

103
00:04:32,483 --> 00:04:35,236
这不像
我们确实进展得非常快。

104
00:04:35,236 --> 00:04:37,029
当然，
这真的很容易改变。

105
00:04:37,029 --> 00:04:41,117
这只是两个关键帧和调整
这不会真正影响其他任何事情。

106
00:04:41,117 --> 00:04:41,868
所以我们制作动画。

107
00:04:41,868 --> 00:04:45,288
好的，现在让我们放置 3D 图层
在实际的 3D 空间中。

108
00:04:45,288 --> 00:04:47,540
让我们保持一点距离
他们每个人之间

109
00:04:47,540 --> 00:04:50,334
所以它们并不都在同一台上
这里是平面。

110
00:04:50,334 --> 00:04:52,086
现在我们将从 UI 一开始。

111
00:04:52,086 --> 00:04:54,756
现在这确实是主要的
我们动画的重点。

112
00:04:54,756 --> 00:04:57,216
这就是我们想要的眼睛
吸引到.

113
00:04:57,216 --> 00:04:58,468
它就在中间。

114
00:04:58,468 --> 00:04:59,802
所以让我们把它保留在原处。

115
00:04:59,802 --> 00:05:01,304
Z 位置为零。

116
00:05:01,304 --> 00:05:03,348
这将是我们的基线

117
00:05:03,348 --> 00:05:06,768
我们可以将其他层向前推进
从这里或从这里回来。

118
00:05:06,851 --> 00:05:08,728
现在，UI 2在这里

119
00:05:08,728 --> 00:05:11,648
显然是被设计的
比这一层更近一些。

120
00:05:11,648 --> 00:05:14,609
从尺寸就可以看出
以及我放置它们的位置，

121
00:05:14,609 --> 00:05:17,445
预期的 Z 位置
我想要这些。

122
00:05:17,445 --> 00:05:19,739
所以这绝对感觉像
它应该更接近。

123
00:05:19,739 --> 00:05:21,908
它与其他层重叠
以及。

124
00:05:21,908 --> 00:05:24,994
那么让我们把这个问题向前推进，
在这里提出自己的立场

125
00:05:24,994 --> 00:05:26,413
这样我们就可以看到数字

126
00:05:26,413 --> 00:05:29,666
我们可以单击并拖动其中任何一个
控制器将其推进。

127
00:05:29,749 --> 00:05:32,502
我就拖着这个
在自定义视图上

128
00:05:32,502 --> 00:05:35,463
你看，当我拖着它的时候
向前，它越来越好

129
00:05:35,463 --> 00:05:38,466
屏幕越来越远了
从之前的地方。

130
00:05:38,508 --> 00:05:39,259
但没关系。

131
00:05:39,259 --> 00:05:40,719
我们可以弥补这一点。

132
00:05:40,719 --> 00:05:43,096
让我们回到起点
并播放

133
00:05:43,096 --> 00:05:46,099
我们可以添加一点视差
在那里。

134
00:05:46,141 --> 00:05:49,853
这有点远离对方
更后面的层。

135
00:05:49,936 --> 00:05:53,982
因为距离更近所以移动得更快
对我们来说，但并不那么引人注目。

136
00:05:53,982 --> 00:05:55,734
让我们移动它
再往前一点。

137
00:05:55,734 --> 00:06:01,657
这是-723
现在让我们把它移到-900左右

138
00:06:01,740 --> 00:06:03,992
在那里，那是更引人注目的一点。

139
00:06:03,992 --> 00:06:04,368
好的。

140
00:06:04,368 --> 00:06:08,413
但它确实把它定位在外面
该帧的大部分持续时间

141
00:06:08,413 --> 00:06:12,167
动画的，这不是在哪里
我们希望它出现在我们的设计中。

142
00:06:12,167 --> 00:06:13,961
距离中心更近了。

143
00:06:13,961 --> 00:06:17,589
所以让我们把它往后移一点
我只是要让我们的主权

144
00:06:17,673 --> 00:06:20,384
再次可见，以便我们可以看到。

145
00:06:20,384 --> 00:06:24,263
显然这不会匹配
现在我们有了相机的运动，

146
00:06:24,513 --> 00:06:28,517
但我们可以找到一个位置，让所有
其他元素有点组合在一起，

147
00:06:28,642 --> 00:06:32,896
差不多已经一半了
此处接近 3 秒。

148
00:06:32,980 --> 00:06:36,233
所以在这个时候，
其他一切都已经排好队了。

149
00:06:36,317 --> 00:06:41,655
所以让我们把这个 UI 两个元素移到
放置并更改其大小以使其匹配。

150
00:06:41,697 --> 00:06:42,114
那么我们行动吧。

151
00:06:42,114 --> 00:06:46,035
这里用这个箭头进行说明
然后是宽位

152
00:06:46,035 --> 00:06:49,580
然后使其大小相同，
我只是要打开规模

153
00:06:49,663 --> 00:06:52,416
并将其缩小到近似大小。

154
00:06:52,416 --> 00:06:55,753
让我们放大一点
并使之更精确一点。

155
00:06:55,920 --> 00:06:58,547
不需要很精确，
但我们就这样吧。

156
00:06:58,547 --> 00:07:00,758
我们可以隐藏我们的样式框架和播放。

157
00:07:00,758 --> 00:07:04,512
我们仍然有视差，
但构图与设计相符。

158
00:07:04,512 --> 00:07:06,847
我们的意图是什么，我们设计它的目的是什么。

159
00:07:06,847 --> 00:07:10,309
好的，现在
让我们放大一点视差，

160
00:07:10,393 --> 00:07:14,146
我们可以通过推迟来做到这一点
周围 UI 元素的深度。

161
00:07:14,230 --> 00:07:18,526
所以这些是元素
UI 十、UI 九、UI 九。

162
00:07:18,526 --> 00:07:20,778
让我们把这个问题推得更远一些。

163
00:07:20,778 --> 00:07:23,322
让我们把这个数字推回到 1000。

164
00:07:23,322 --> 00:07:27,743
我们可以看到右边的数字在滴答作响
靠近光标的地方。

165
00:07:27,827 --> 00:07:29,996
当我们移动它时，大约有一千个。

166
00:07:29,996 --> 00:07:33,791
让我们看看它看起来如何。

167
00:07:33,875 --> 00:07:36,085
好的，我们正在变得更加深入
那里。

168
00:07:36,085 --> 00:07:39,756
可以看到UI九元素在动
因为离我们比较远，所以比较少。

169
00:07:39,797 --> 00:07:43,468
现在让我们重新定位它
再次拉起星形框架。

170
00:07:43,509 --> 00:07:45,803
这次
我们需要扩大规模

171
00:07:45,803 --> 00:07:49,557
我们只需轻轻推动它
在这里使用这些 3D 控制器。

172
00:07:49,599 --> 00:07:52,101
看起来我们扩大了规模
有点太多了，然后按比例缩小

173
00:07:52,101 --> 00:07:56,064
并粗略地说
通过样式框架固定到位。

174
00:07:56,147 --> 00:07:58,316
看看看起来怎么样？

175
00:07:58,316 --> 00:07:58,775
好的。

176
00:07:58,775 --> 00:07:59,818
那很好。

177
00:07:59,818 --> 00:08:02,695
现在，如果你在这里照顾这个，
让我们把它放回去。

178
00:08:02,695 --> 00:08:03,655
也许还没有那么远。

179
00:08:03,655 --> 00:08:06,908
也许让我们把它推迟吧。那里有500个。

180
00:08:06,991 --> 00:08:09,035
伟大的。我喜欢深度
我们可以看到那里。

181
00:08:09,035 --> 00:08:10,829
那种风​​格的框架上有十个。

182
00:08:10,829 --> 00:08:14,207
让我们把它移回原来的位置
并调整它的大小。

183
00:08:14,457 --> 00:08:15,667
这已经足够接近了。

184
00:08:15,667 --> 00:08:18,962
现在，我们有了这个后效图层
来吧，让我们往这边走。

185
00:08:18,962 --> 00:08:23,884
让我们把这事往后推，
看看它如何达到 4000 左右。

186
00:08:23,967 --> 00:08:26,970
它几乎被隐藏起来
在该层下面。

187
00:08:27,053 --> 00:08:27,512
那太棒了。

188
00:08:27,512 --> 00:08:28,889
我们可以看到它几乎没有移动。

189
00:08:28,889 --> 00:08:30,599
那种感觉真的很遥远。

190
00:08:30,599 --> 00:08:34,686
现在。让我们改变一下
它的大小再次匹配风格框架。

191
00:08:34,770 --> 00:08:35,812
好吧，看起来不错。

192
00:08:35,812 --> 00:08:39,024
这整个左下角
开始有很多深度。

193
00:08:39,107 --> 00:08:43,236
现在，当我们处于这个关键帧时
区域，让我们也将其推迟一点。

194
00:08:43,236 --> 00:08:47,991
让我们回到不完全是1765年。

195
00:08:48,075 --> 00:08:51,286
当我们在这里时，将其放大以适应
变焦的种类

196
00:08:51,286 --> 00:08:55,040
稍微调整一下位置，
将其放大太多。

197
00:08:55,040 --> 00:08:57,543
让我们把它推回到那里。好的。

198
00:08:57,543 --> 00:08:58,752
隐藏样式框架。

199
00:08:58,752 --> 00:09:02,548
现在，这个左下角
应该很接近。

200
00:09:02,589 --> 00:09:03,549
好吧，那就好。

201
00:09:03,549 --> 00:09:07,719
我真的很喜欢它的所有元素
开始感到分离，

202
00:09:07,719 --> 00:09:09,555
就像他们在不同的飞机上一样。

203
00:09:09,555 --> 00:09:11,682
我们确实有 3D 效果。

204
00:09:11,682 --> 00:09:14,685
现在，为了完成这个区域，
这个蓝色的小盒子，

205
00:09:14,852 --> 00:09:19,064
让我们把这个推回到 3000 左右。

206
00:09:19,148 --> 00:09:23,277
这里更难控制
当它完全平放时。

207
00:09:23,319 --> 00:09:26,238
所以这就是撤消该操作
我会控制它

208
00:09:26,238 --> 00:09:28,532
就在这个窗口里。

209
00:09:28,532 --> 00:09:30,701
我们到了，大约-3000。

210
00:09:30,701 --> 00:09:33,537
重新定位以匹配风格
框架在那里。

211
00:09:33,537 --> 00:09:36,248
好的。
整个左下部分已经完成。

212
00:09:36,248 --> 00:09:37,583
好吧，现在开始我们的下一个元素。

213
00:09:37,583 --> 00:09:40,252
我们就从这里的右侧下去吧。

214
00:09:40,252 --> 00:09:42,630
我们将从 UI 5 开始，
就在顶部。

215
00:09:42,630 --> 00:09:45,299
我想我们会尝试下去
现在我们的层堆栈。

216
00:09:45,299 --> 00:09:48,678
我认为总的来说我想要更多的东西
向前走，离我们更近

217
00:09:48,761 --> 00:09:50,930
因为离我们越近
他们给我们的运动越多，

218
00:09:50,930 --> 00:09:52,807
那就是
只是更令人兴奋一点。

219
00:09:52,807 --> 00:09:56,269
我们确实需要平衡，但是
事情美好而亲密是件好事。

220
00:09:56,352 --> 00:10:00,022
所以这个，让我们稍微移动一下
离我们更近并在这里抓住它

221
00:10:00,106 --> 00:10:04,485
在我们的自定义视图三上，让我们拖动
它向前绕。

222
00:10:04,569 --> 00:10:06,404
它将达到-600。

223
00:10:06,404 --> 00:10:08,030
有的差不多这个高度。好的。

224
00:10:08,030 --> 00:10:10,616
我们在那里得到了更多的运动。
我喜欢这样。

225
00:10:10,616 --> 00:10:14,078
让我们对齐它的位置
以及它在风格框架中的样子。

226
00:10:14,162 --> 00:10:16,414
他们现在看起来很好。

227
00:10:16,414 --> 00:10:18,124
接下来我们有 UI 3。

228
00:10:18,124 --> 00:10:19,667
现在让我们做一些类似的事情。

229
00:10:19,667 --> 00:10:23,087
我们希望这个更进一步，
但我们确实希望它处于不同的深度。

230
00:10:23,087 --> 00:10:24,672
所以让我们把这个事情拖下去吧。

231
00:10:24,672 --> 00:10:26,716
我们不希望它是-600

232
00:10:26,716 --> 00:10:29,594
因为这样这两个人就会看起来像
它们在同一个平面上。

233
00:10:29,594 --> 00:10:32,013
可能会是-400。

234
00:10:32,013 --> 00:10:33,306
那应该足够不同了。

235
00:10:33,306 --> 00:10:36,935
以及这些主要的 UI 元素
有所有详细信息

236
00:10:36,935 --> 00:10:38,645
有了工艺品和图表，

237
00:10:38,645 --> 00:10:41,397
我真的赢不了
这些太靠后或太靠前。

238
00:10:41,397 --> 00:10:43,149
这些都是我们可以接受的。

239
00:10:43,149 --> 00:10:46,319
我们有更简单的 UI 元素
我们可以把时间推得很远

240
00:10:46,319 --> 00:10:47,570
而且真的很遥远

241
00:10:47,570 --> 00:10:49,781
他们会给我们
对运动很感兴趣。

242
00:10:49,781 --> 00:10:52,033
这些都要去
其中也有动画。

243
00:10:52,033 --> 00:10:56,621
所以我不想太多的干扰
发生在我们屏幕的最边缘

244
00:10:56,621 --> 00:10:57,706
我们真正想要的地方

245
00:10:57,706 --> 00:10:59,582
观众看向中央

246
00:10:59,582 --> 00:11:02,085
我们将更深入地了解
稍后再说。

247
00:11:02,085 --> 00:11:04,671
但这就是我正在考虑的。
当我将它们放置在 3D 空间中时。

248
00:11:04,671 --> 00:11:06,339
我不想让他们分开太远。

249
00:11:06,339 --> 00:11:08,091
我确实希望他们感觉像
他们是分开的

250
00:11:08,091 --> 00:11:11,094
彼此在不同的平面上，
但还没有那么遥远。

251
00:11:11,178 --> 00:11:12,220
也从这里开始。

252
00:11:12,220 --> 00:11:14,806
我们不需要重新定位
这些与我们的风格框架。

253
00:11:14,806 --> 00:11:15,891
每一篇之后。

254
00:11:15,891 --> 00:11:18,226
这将是一个回归的过程
无论如何。

255
00:11:18,226 --> 00:11:22,230
看看什么是正确的
3D 空间，然后调整该位置。

256
00:11:22,230 --> 00:11:25,692
所以对于其余的这些元素，
让我们在 3D 空间中移动它们，

257
00:11:25,692 --> 00:11:29,112
将它们的 Z 位置移动到 Z 深度
直到我们喜欢为止

258
00:11:29,196 --> 00:11:31,573
以及喜欢多少运动和深度
我们正在摆脱他们，

259
00:11:31,573 --> 00:11:34,451
然后我们将重新定位它们
以适合最后的样式框架。

260
00:11:34,451 --> 00:11:37,621
好的，让我们推动这个 UI
再往后一点。

261
00:11:37,621 --> 00:11:39,957
我们去1000吧。

262
00:11:39,957 --> 00:11:43,627
所以距离是一样的
如你所愿地向后退。

263
00:11:43,627 --> 00:11:44,503
这就是极限。

264
00:11:44,503 --> 00:11:48,507
我们有大约 1000 个像素
无论我们允许的中心方式

265
00:11:48,549 --> 00:11:52,344
这些需要了解的详细 UI 元素
它需要有一个具体的数字，

266
00:11:52,511 --> 00:11:56,056
但我只是不再推动它
比我已经推动了这一点。

267
00:11:56,140 --> 00:11:58,267
现在，这个黄色关键帧在这里
我们在右边，

268
00:11:58,267 --> 00:12:00,477
让我们将其推向更接近的目标。

269
00:12:00,477 --> 00:12:02,771
我们去1000吧。

270
00:12:02,771 --> 00:12:03,856
这几乎让它脱离了边缘。

271
00:12:03,856 --> 00:12:04,898
让我们更进一步。

272
00:12:04,898 --> 00:12:07,818
就在边缘，1500。

273
00:12:07,818 --> 00:12:09,069
那个人马上就从屏幕上消失了。

274
00:12:09,069 --> 00:12:13,282
让我们推一下
进一步回到构图。

275
00:12:13,365 --> 00:12:15,242
让我们看看它是什么样子的。

276
00:12:15,242 --> 00:12:16,118
好的。那是相当不错的。

277
00:12:16,118 --> 00:12:19,038
我们有很多深度
在右边的这里。

278
00:12:19,038 --> 00:12:22,583
构图不如看起来好
有点乱，有点杂乱，

279
00:12:22,833 --> 00:12:23,834
但深度很大。

280
00:12:23,834 --> 00:12:26,712
我们有一些元素，有些非常遥远，
有些非常接近。

281
00:12:26,712 --> 00:12:29,799
我们确实感受到了 3D
这就是这张照片的意义所在。

282
00:12:29,965 --> 00:12:31,467
接下来，白色关键帧

283
00:12:31,467 --> 00:12:34,178
我们现在在这里，
我觉得这个应该有点遥远。

284
00:12:34,178 --> 00:12:37,515
所以我们得到了之间的对比
这个关键帧非常接近

285
00:12:37,598 --> 00:12:39,809
我们并没有开始思考
所有关键帧

286
00:12:39,809 --> 00:12:43,396
离我们更近了
我们在某种程度上认识到了一种模式。

287
00:12:43,479 --> 00:12:46,482
那么让我们将其推后大约一千。

288
00:12:46,482 --> 00:12:51,487
现在，这个黄色UI元素UI七下
在这里，让我们也追溯到很久以前。

289
00:12:51,487 --> 00:12:54,323
我们去 1000，也许 500。

290
00:12:54,323 --> 00:12:58,119
所以我们得到了一些对比
以及它前面的 UI

291
00:12:58,119 --> 00:13:01,247
当他们像那样分开时
真的很远。

292
00:13:01,247 --> 00:13:05,126
让我们把它移下来
并穿过 X 和 Y 位置。

293
00:13:05,126 --> 00:13:06,878
所以它有点看到那里的深度。

294
00:13:06,878 --> 00:13:08,504
我们得到了很好的对比

295
00:13:08,504 --> 00:13:11,716
与此相比深入
关键帧位于其前面的 UI。

296
00:13:11,924 --> 00:13:14,093
现在这个大灰色的，UI 六。

297
00:13:14,093 --> 00:13:18,223
让我们把这件事推得更远
回到也许 3000 那里。

298
00:13:18,431 --> 00:13:21,267
好吧，有很多深度
最后一个灰色的在顶部。

299
00:13:21,267 --> 00:13:24,479
让我们把这件事往后推一推
也可能在3000左右。

300
00:13:24,521 --> 00:13:25,897
那么接近。

301
00:13:25,897 --> 00:13:28,274
我认为这就是每个元素
我们已经重新定位了。

302
00:13:28,274 --> 00:13:31,653
也许你可以看到右边这里
我们在深度上有很多变化。

303
00:13:31,778 --> 00:13:34,572
但更重要的是，这是什么感觉
就像在这个窗口里一样？

304
00:13:34,572 --> 00:13:35,490
我认为看起来不错。

305
00:13:35,490 --> 00:13:37,575
我们有很多深度
贯穿整个场景。

306
00:13:37,575 --> 00:13:39,160
我想我最喜欢的部分就在这里。

307
00:13:39,160 --> 00:13:41,621
我喜欢这个黄色关键帧的距离。

308
00:13:41,621 --> 00:13:43,665
事实确实如此
完全离开屏幕。

309
00:13:43,665 --> 00:13:46,126
我有点喜欢
它给了我们如此多的深度

310
00:13:46,126 --> 00:13:49,504
因为我们有图层
真的远远落后于这个，真的很接近。

311
00:13:49,588 --> 00:13:50,755
我们有很多运动

312
00:13:50,755 --> 00:13:53,592
本质上就是我们在这里所做的
通过推动这些是

313
00:13:53,592 --> 00:13:57,554
我们把它们分散在这些地方
广告空间，深度的 Z 位置。

314
00:13:57,721 --> 00:14:00,599
所以一切都在移动
以稍微不同的速度。

315
00:14:00,599 --> 00:14:03,435
没有什么我不认为
处于完全相同的距离。

316
00:14:03,435 --> 00:14:04,686
有些很接近，

317
00:14:04,686 --> 00:14:07,606
但这意味着他们中的每一个
以不同的速度移动。

318
00:14:07,606 --> 00:14:09,566
嗯，
从技术上讲，它们根本没有移动。

319
00:14:09,566 --> 00:14:13,403
他们一动不动，我们的相机
正在靠近，给人一种错觉

320
00:14:13,487 --> 00:14:16,573
我们的主要元素，
这五个详细的图表，

321
00:14:16,573 --> 00:14:19,242
他们更有趣
他们坐得更近了。

322
00:14:19,242 --> 00:14:21,495
但简单、更基础的
就像钥匙一样

323
00:14:21,495 --> 00:14:24,498
和背景中的这些盒子，
他们离得更远、更近。

324
00:14:24,498 --> 00:14:26,250
所以他们增加了更多的深度。

325
00:14:26,250 --> 00:14:29,086
我们不想要我们的主要
带有图表和细节

326
00:14:29,086 --> 00:14:32,214
移动太多因为就像我说的
早些时候，这会分散注意力。

327
00:14:32,214 --> 00:14:33,549
当然我们要填写这个

328
00:14:33,549 --> 00:14:36,718
有一些背景动画
所有这些线条也如雨点般落下。

329
00:14:36,885 --> 00:14:39,555
还要记住，
正如我之前多次提到的

330
00:14:39,555 --> 00:14:41,473
我已经多次动画化这个场景

331
00:14:41,473 --> 00:14:45,686
之前在准备，所以我知道
大概是我想要的东西去的地方。

332
00:14:45,769 --> 00:14:49,565
几乎肯定你会得到更多回报
来来回回，尝试不同的事情，

333
00:14:49,648 --> 00:14:50,691
来回移动。

334
00:14:50,691 --> 00:14:53,861
Z 位置的元素，试验
和错误，移动它们，

335
00:14:53,861 --> 00:14:57,364
回放一下看看我们是否会尝试一下
对你来说，在这种情况下感觉正确。

336
00:14:57,364 --> 00:15:00,284
我的意思是，他们是否感到足够分离
来自其他元素？

337
00:15:00,284 --> 00:15:03,287
因为这一切都已经决定了
通过相机的运动，

338
00:15:03,287 --> 00:15:05,206
我们可以回来改变
这些的位置

339
00:15:05,206 --> 00:15:09,085
随时触摸 UI 元素
甚至那个摄像机运动到。

340
00:15:09,085 --> 00:15:11,212
这不会真正影响
根本没有时间。

341
00:15:11,212 --> 00:15:14,548
现在让我们重新定位
这些 UI 元素更接近

342
00:15:14,548 --> 00:15:17,551
到那种风格
框架将使我们的东西再次隐形。

343
00:15:17,718 --> 00:15:19,637
导航到非常接近的地方。

344
00:15:19,637 --> 00:15:23,933
我记得就在3秒前
只需移动 Y 和说明即可

345
00:15:23,933 --> 00:15:24,684
在这些层中。

346
00:15:24,684 --> 00:15:28,271
我们刚刚调整并缩小了它们
所以它们匹配，我们应该得到

347
00:15:28,271 --> 00:15:37,363
更令人愉悦的构图
并保持我们喜欢的深度。

348
00:15:37,446 --> 00:15:39,490
好的。

349
00:15:39,490 --> 00:15:42,034
现在看起来好多了
更沉稳一点。

350
00:15:42,034 --> 00:15:43,828
让我们回放一下，看看效果如何。

351
00:15:43,828 --> 00:15:44,454
精彩的。

352
00:15:44,454 --> 00:15:48,583
现在，显然我们的风格无法匹配
帧正是因为运动的变化

353
00:15:48,583 --> 00:15:51,085
它是如何组成的
以及这 5 秒内的情况，

354
00:15:51,085 --> 00:15:54,547
但与构图相符
总体上更好并以某种方式分散

355
00:15:54,547 --> 00:15:57,550
看起来仍然是随机的
但更多的是从视觉上考虑。

356
00:15:57,675 --> 00:16:00,428
现在我一点也不担心
关于其中一些线路被切断的情况。

357
00:16:00,428 --> 00:16:03,681
当我们为每一个动画制作动画时
我们将单独解决这个问题。

358
00:16:03,765 --> 00:16:07,310
此时此刻，我只是担心
3D 空间中的深度和位置。

359
00:16:07,310 --> 00:16:09,854
还有整体动画吗
看起来也不错？

360
00:16:09,854 --> 00:16:11,981
我也喜欢速度。
我喜欢东西放的地方。

361
00:16:11,981 --> 00:16:14,234
还有一件事
我确实想我可能想改变这一点

362
00:16:14,234 --> 00:16:17,237
黄色关键帧在这里，
离我们很近

363
00:16:17,237 --> 00:16:20,198
我想也许我们需要一些东西
有点像左边的这个。

364
00:16:20,323 --> 00:16:24,452
所以让我们实际得到这个缓和的关键帧
在这里，我们要复印一份。

365
00:16:24,452 --> 00:16:25,996
我们将复制该层。

366
00:16:25,996 --> 00:16:26,287
好的。

367
00:16:26,287 --> 00:16:28,915
让我们继续推动这一进程。

368
00:16:28,915 --> 00:16:30,166
让我们一路向上吧。

369
00:16:30,166 --> 00:16:32,085
所以感觉真的很大。

370
00:16:32,085 --> 00:16:34,713
现在已经快1800了。

371
00:16:34,713 --> 00:16:38,133
让我们把它滑过去
所以它不会太快地进入L 帧。

372
00:16:38,300 --> 00:16:38,800
让我们动起来吧

373
00:16:38,800 --> 00:16:42,804
到构图的最后一帧
然后将其从那里滑过去。

374
00:16:42,888 --> 00:16:45,515
或许可以稍微往下移动一点
也许有点太过分了。

375
00:16:45,515 --> 00:16:47,893
让我们稍微调整一下。

376
00:16:47,893 --> 00:16:49,603
我认为这给了我们一些很好的深度。

377
00:16:49,603 --> 00:16:52,022
好的。现在，差不多
我们所有的元素都在这里。

378
00:16:52,022 --> 00:16:55,067
我们将在线添加这些渐变
当然，在后台进行培训。

379
00:16:55,067 --> 00:16:58,528
接下来我们要添加动作
在所有这些 UI 元素中。

380
00:16:58,612 --> 00:17:01,365
但这次的主要动议
项目完成

381
00:17:01,365 --> 00:17:05,077
这一切都是通过两把钥匙完成的
相机上的帧，只有两个关键帧。

382
00:17:05,077 --> 00:17:06,245
我们得到了所有这些深度

383
00:17:06,245 --> 00:17:09,998
现在所有这些运动，我们所有的层
打开，显示位置比例。

384
00:17:10,123 --> 00:17:11,083
我要选择它们。

385
00:17:11,083 --> 00:17:13,210
捷径就是控制
或命令A

386
00:17:13,210 --> 00:17:16,171
然后我就会打你
在键盘上，将它们全部隐藏

387
00:17:16,171 --> 00:17:16,630
那里。

388
00:17:16,630 --> 00:17:18,924
我会通过控制来选择它们
或命令转移。

389
00:17:18,924 --> 00:17:22,636
我知道现在更整洁了，现在我们可以
继续看更熟悉的动画

390
00:17:22,636 --> 00:17:24,054
里面的 UI 元素。